@charset 'utf-8';
/*!
 * 图猫云社区 v2.0
 *
 * wwww.tomomall.com.
 * 2015年11月16日11:23:36 MrToma.
 */
//conmmen

body{
	font-family:'\5FAE\8F6F\96C5\9ED1','Hiragino Sans GB',tahoma;
}
a,
a:hover{
 color:#2196f3;
 text-decoration: none;
 outline: none!important;
}

// 图猫云社区登录页
.banner{
	position:relative;
	width: 100%;
	height: auto;
	background: #000;
	// display: flx;
	.ban{
		width:100%;
		height:844px;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
}
.head{
	position:absolute;
	top:80px;
	left: 50%;
	margin-left: -295px;
	width: 590px;
	z-index: 2;
	text-align: center;
	// background:red;
	.logo{
		margin-bottom: 48px;
		display: block;

	}
}
.headcrl{
	.nav{
		width:100%;
		border-bottom: 0px;
	}
	.nav li{
		width:33.33%;
		margin:0;
	}
	.nav li a{
		padding: 0;
		display:block;
		text-align: center;
		height:54px;
		line-height: 54px;
		font-size: 16px;
		color:#fff;
		background:rgba(51,51,51,0.8);
		border:0!important;
		border-radius: 0;
		margin-right: 0;
	}
	.nav li.active a{
		background:rgba(255,255,255,0.8);
		border:0!important;
		color:#333;
		box-shadow: 0;
	}
	.tab-pane{
		padding:35px;
		background:rgba(255,255,255,0.8);
		min-height: 250px;
	}
}
.login-from{
	text-align: left;
	padding-left: 0px;
	.control-label{
		padding-right: 0;
		padding-left: 0;
		font-weight: initial;
		color:#959698;
		padding-top: 9px;
	}
	.form-control{
		height:38px;
	}
	.form-group:last-child{
		margin-bottom: 3px;
	}
}

.erwm{
	position:relative;
	padding-left: 30px;
}
.fjx{
	position:absolute;
	top: 16px;
	left:0;
}
.border-img{
	border:1px solid #bbbcbf;
}
.tumao-btn{
	height:40px;
	width:134px;
	border:none;
	color:#fff;
	background:#2196f3;
}
.tuu-1{
	min-width: 170px;
	border:1px solid #2196f3;
}
.tuu-2{
	min-width: 170px;
	border:1px solid #2196f3;
	background:transparent;
	color:#2196f3;
}
.font-de{
	color:#959698;
}
.line-fn{
	line-height: 40px;
}
.wix-tip{
	.font-de;
	position:relative;
	top:8px;
}
.xzbtn{
	text-align: left;
	font-size: 16px;
	p:first-child{
		margin-top: 15px;
		margin-bottom: 48px;
	}
	p > span{
		display:inline-block;
		width:110px;
		text-align: right;
	}
}
.js-img img{
	  margin-bottom: -32px;
    margin-top: -6px;
}
.cdjz{
	text-align: center;
	h2{
		font-size: 36px;
		margin-top: 50px;
		margin-bottom: 30px;
	}
	p{
		font-size: 16px;
		color:#4e4e4e;
		margin-bottom: 50px;
		padding-left: 60px;
		padding-right: 60px;
		line-height: 200%;
	}
}
.jianjie{
	padding-top: 60px;
}
.jx-info{
	text-align: center;
	margin-bottom: 100px;
	dd > h2{
		font-size: 28px;
		margin-top: 36px;
		margin-bottom: 20px;
	}
	dd > p{
		font-size: 16px;
		padding-left: 60px;
		padding-right: 60px;
		line-height: 200%;
	}
}
.cn-bg{
	background:#f7f7f7;
	padding-bottom: 70px;
}
.footer{
	background:#fff;
	border-top:1px solid #dedede;
	height:130px;
	p{
		padding-top:24px;
		color:#6d6d6d;
		span{
			font-size: 18px;
		}
	}
	a{
		margin-left: 10px;
		padding-bottom: 14px;
		display: inline-block;
	}
	.cmcic{
		font-size: 12px;
		color:#696969;
	}
	.container{
		padding-left: 60px;
		padding-right: 60px;
	}
}
.jsimg{
	max-width: 1235px;
}
@media (max-width: 768px) {
	.head{
		width:100%;
		left:0;
		margin-left: 0;
		.logo img{
			width:160px;
		}
	}
	.login-from{
		padding-right: 0;
		.control-label{
			padding-left: 15px;
			padding-right: 15px;
		}
	}
	.erwm{
		padding-top: 28px;
	}
	.xzbtn + div{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.js-img img{
		width:100%;
		max-width: 337px;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.conimg{
		width:100%;
		max-width:1020px;
	}
	.jsimg{
		width:100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.footer p span{
		display:block;
		text-align: center;
		margin-bottom:10px;
	}
	.footer p{
		text-align: center;
	}
}
@media (max-width: 1230px){
	.conimg{
		width:100%;
		max-width:1020px;
	}
	.jsimg{
		width:100%;
		padding-left: 20px;
		padding-right: 20px;
	}
}

// loader
.loader {
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	z-index: 99999999;
	overflow: hidden;
}
.load {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 171px;
	height: 38px;
	margin: -19px 0 0 -85px;
}
.load-animation{
	position: absolute;
	top: 6px;
	left: 73px;
}
.load-item {
    display: block;
    float: left;
    position: relative;
    animation: load-top .8s infinite linear;
    -webkit-animation: load-top .8s infinite linear;
    -ms-animation: load-top .8s infinite linear
}
.load-item-revers {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    animation: load-bottom .8s infinite linear;
    -webkit-animation: load-bottom .8s infinite linear;
    -ms-animation: load-bottom .8s infinite linear
}
.delay-200 {
  animation-delay: .2s;
  -webkit-animation-delay: .2s;
}
/* ANIMATE */
@keyframes load-top {
    0% {
        top: 0
    }
    50% {
        top: -6px
    }
    100% {
        top: 0
    }
}
@-webkit-keyframes load-top {
    0% {
        top: 0
    }
    50% {
        top: -6px
    }
    100% {
        top: 0
    }
}
@keyframes load-bottom {
    0% {
        top: -6px
    }
    50% {
        top: 0
    }
    100% {
        top: -6px
    }
}
@-webkit-keyframes load-bottom {
    0% {
        top: -6px
    }
    50% {
        top: 0
    }
    100% {
        top: -6px
    }
}


#testdiv{width:600px;margin:0 auto;border:1px solid #ccc;padding:20px 25px;background:#fff;}

#tinybox{position:absolute;display:none;padding:10px;background:#fff url(images/preload.gif) no-repeat 50% 50%;border:10px solid #e3e3e3;z-index:2000;}
#tinymask{position:absolute;display:none;top:0;left:0;height:100%;width:100%;background:#000;z-index:1500;}
#tinycontent{background:#fff;}